<template>
	<div class="intervalGraph500kV" v-if="pageData" @click="cancelLeftClickMenu" @contextmenu.stop="cancelLeftClickMenu">
		<ScaleBox :width="1500">
			<MonitorHeader :title="$route.query.ftName">
			  <template v-slot:btns>
					<button @click="routerToIndexPage">画面索引</button>
			    <button @click="routerToMainPage">主接线图</button>
			    <button @click="clearAll($route.query.ftName)">画面清闪</button>
			  </template>
			</MonitorHeader>
			<div class="wrapper" ref="page">
				<div class="ctn">
					<svg id="svgDom">
						<text x="60" y="60" style="fill: #fff;font-size: 16px;">I母</text>
						<main-bus name="I母" x1="50" y1="70" x2="1400" y2="70" stateDesc="I母"  color="rgb(250,0,0)"></main-bus>
						<circle r="4" cx="90" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
						
						<text x="60" y="835" style="fill: #fff;font-size: 16px;">Ⅱ母</text>
						<main-bus name="Ⅱ母" x1="50" y1="815" x2="1400" y2="815" stateDesc="Ⅱ母"  color="rgb(250,0,0)"></main-bus>
						
						<g>
							<circle r="4" cx="90" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<line x1="90" y1="70" x2="90" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
							<!--500Im 51-17 -->
							<terminal-svg
								:state="Number(pageData.dd[42].state_val)"
								:stateDesc="pageData.dd[42].state_desc"
								:scale="0.7"
								:translate-x="107"
								:translate-y="155"
								:text-translate-y="10"
								:text-translate-x="10"
								:rotate="180"
								:name="pageData.dd[42].state_desc"
								:info="pageData.dd[42]"
								@itemRightClick="itemRightClick"
							></terminal-svg>
							
							<circle r="4" cx="90" cy="815" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<line x1="90" y1="780" x2="90" y2="816" stroke-width="2" stroke="rgb(250,0,0)"></line>
							<!--500Ⅱm 51-27 -->
							<terminal-svg
								:state="Number(pageData.dd[29].state_val)"
								:stateDesc="pageData.dd[29].state_desc"
								:scale="0.7"
								:translate-x="72"
								:translate-y="732"
								:text-translate-y="30"
								:text-translate-x="-35"
								:name="pageData.dd[29].state_desc"
								:info="pageData.dd[29]"
								@itemRightClick="itemRightClick"
							></terminal-svg>
						</g>
						
						<g transform="translate(1140,0)">
							<circle r="4" cx="90" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<line x1="90" y1="70" x2="90" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
							<!--500Im 51-17 -->
							<terminal-svg
								:state="Number(pageData.dd[42].state_val)"
								:stateDesc="pageData.dd[42].state_desc"
								:scale="0.7"
								:translate-x="107"
								:translate-y="155"
								:text-translate-y="10"
								:text-translate-x="10"
								:rotate="180"
								:name="pageData.dd[42].state_desc"
								:info="pageData.dd[42]"
								@itemRightClick="itemRightClick"
							></terminal-svg>
							
							<circle r="4" cx="90" cy="815" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<line x1="90" y1="780" x2="90" y2="816" stroke-width="2" stroke="rgb(250,0,0)"></line>
							<!--500Ⅱm 52-27 -->
							<terminal-svg
								:state="Number(pageData.dd[29].state_val)"
								:stateDesc="pageData.dd[29].state_desc"
								:scale="0.7"
								:translate-x="72"
								:translate-y="732"
								:text-translate-y="30"
								:text-translate-x="-35"
								:name="pageData.dd[29].state_desc"
								:info="pageData.dd[29]"
								@itemRightClick="itemRightClick"
							></terminal-svg>
						</g>
						
						
						<!-- 第一列 -->
						<g>
							<g transform="translate(20,0)">
								<circle r="4" cx="150" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5051-1 -->
								<connect-line
									:state="Number(pageData.glg[0].state_val)"
									:stateDesc="pageData.glg[0].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[0].state_desc.split('-')[1]"
									:info="pageData.glg[0]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="163" x2="175" y2="163" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5051 -->
								<rect-svg
									:state="Number(pageData.dlq[0].state_val)"
									:stateDesc="pageData.dlq[0].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[0].is_clear}"
									:name="pageData.dlq[0].state_desc"
									:info="pageData.dlq[0]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][0])">{{pageData['遥测'][0].state_desc}} {{Number(pageData['遥测'][0].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][1])">{{pageData['遥测'][1].state_desc}} {{Number(pageData['遥测'][1].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][2])">{{pageData['遥测'][2].state_desc}} {{Number(pageData['遥测'][2].state_val).toFixed(2)}}</text>
								
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5051-2 -->
								<connect-line
									:state="Number(pageData.glg[1].state_val)"
									:stateDesc="pageData.glg[1].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[1].state_desc.split('-')[1]"
									:info="pageData.glg[1]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="298" x2="175" y2="298" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5051-17 -->
								<terminal-svg
									:state="Number(pageData.dd[0].state_val)"
									:stateDesc="pageData.dd[0].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="145"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[0].state_desc.split('-')[1]"
									:info="pageData.dd[0]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5051-27 -->
								<terminal-svg
									:state="Number(pageData.dd[1].state_val)"
									:stateDesc="pageData.dd[1].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[1].state_desc.split('-')[1]"
									:info="pageData.dd[1]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5051-67 -->
								<terminal-svg
									:state="Number(pageData.dd[2].state_val)"
									:stateDesc="pageData.dd[2].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="280"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[2].state_desc.split('-')[1]"
									:info="pageData.dd[2]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<circle r="4" cx="250" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<circle r="4" cx="170" cy="330" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<polyline points="170,330 250,330 250,70" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<text x="260" y="90" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][0])">{{pageData['遥测'][0].state_desc}} {{Number(pageData['遥测'][0].state_val).toFixed(2)}}</text>
							<text x="260" y="110" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][1])">{{pageData['遥测'][1].state_desc}} {{Number(pageData['遥测'][1].state_val).toFixed(2)}}</text>
							<text x="260" y="130" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][2])">{{pageData['遥测'][2].state_desc}} {{Number(pageData['遥测'][2].state_val).toFixed(2)}}</text>
							<text x="260" y="150" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][3])">{{pageData['遥测'][3].state_desc}} {{Number(pageData['遥测'][3].state_val).toFixed(2)}}</text>
							<text x="260" y="170" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][4])" >{{pageData['遥测'][4].state_desc}} {{Number(pageData['遥测'][4].state_val).toFixed(2)}}</text>
							
							<g transform="translate(20,248)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5052-1 -->
								<connect-line
									:state="Number(pageData.glg[10].state_val)"
									:stateDesc="pageData.glg[10].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="113"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[10].state_desc.split('-')[1]"
									:info="pageData.glg[10]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="140" x2="150" y2="180" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="160" x2="175" y2="160" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5052 -->
								<rect-svg
									:state="Number(pageData.dlq[5].state_val)"
									:stateDesc="pageData.dlq[5].state_desc"
									:rotate="90"
									:translate-y="179"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[5].is_clear}"
									:name="pageData.dlq[5].state_desc"
									:info="pageData.dlq[5]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][25])">{{pageData['遥测'][25].state_desc}} {{Number(pageData['遥测'][25].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][26])">{{pageData['遥测'][26].state_desc}} {{Number(pageData['遥测'][26].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][27])">{{pageData['遥测'][27].state_desc}} {{Number(pageData['遥测'][27].state_val).toFixed(2)}}</text>
								<line x1="150" y1="206" x2="150" y2="246" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="227" x2="175" y2="227" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5052-2 -->
								<connect-line
									:state="Number(pageData.glg[11].state_val)"
									:stateDesc="pageData.glg[11].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="249"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[11].state_desc.split('-')[1]"
									:info="pageData.glg[11]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="276" x2="150" y2="316" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5052-17 -->
								<terminal-svg
									:state="Number(pageData.dd[16].state_val)"
									:stateDesc="pageData.dd[16].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="142"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[16].state_desc.split('-')[1]"
									:info="pageData.dd[16]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5052-27 -->
								<terminal-svg
									:state="Number(pageData.dd[17].state_val)"
									:stateDesc="pageData.dd[17].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[17].state_desc.split('-')[1]"
									:info="pageData.dd[17]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<g transform="translate(20,494)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5053-1 -->
								<connect-line
									:state="Number(pageData.glg[20].state_val)"
									:stateDesc="pageData.glg[20].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[20].state_desc.split('-')[1]"
									:info="pageData.glg[20]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="93" x2="175" y2="93" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5053 -->
								<rect-svg
									:state="Number(pageData.dlq[10].state_val)"
									:stateDesc="pageData.dlq[10].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[10].is_clear}"
									:name="pageData.dlq[10].state_desc"
									:info="pageData.dlq[10]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][40])">{{pageData['遥测'][40].state_desc}} {{Number(pageData['遥测'][40].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][41])">{{pageData['遥测'][41].state_desc}} {{Number(pageData['遥测'][41].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][42])">{{pageData['遥测'][42].state_desc}} {{Number(pageData['遥测'][42].state_val).toFixed(2)}}</text>
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="162" x2="175" y2="162" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5053-2 -->
								<connect-line
									:state="Number(pageData.glg[21].state_val)"
									:stateDesc="pageData.glg[21].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[21].state_desc.split('-')[1]"
									:info="pageData.glg[21]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<circle r="4" cx="150" cy="321" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								
								<polyline points="150,55 230,55 230,350" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<polyline points="220,340 230,350 240,340" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<text x="250" y="345" style="fill: #fff;font-size: 12px;">桂北Ⅱ线</text>
								<text x="240" y="225" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][40])">{{pageData['遥测'][40].state_desc}} {{Number(pageData['遥测'][40].state_val).toFixed(2)}}</text>
								<text x="240" y="245" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][41])">{{pageData['遥测'][41].state_desc}} {{Number(pageData['遥测'][41].state_val).toFixed(2)}}</text>
								<text x="240" y="265" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][42])">{{pageData['遥测'][42].state_desc}} {{Number(pageData['遥测'][42].state_val).toFixed(2)}}</text>
								<text x="240" y="285" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][43])">{{pageData['遥测'][43].state_desc}} {{Number(pageData['遥测'][43].state_val).toFixed(2)}}</text>
								<text x="240" y="305" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][44])">{{pageData['遥测'][44].state_desc}} {{Number(pageData['遥测'][44].state_val).toFixed(2)}}</text>
								
								<!-- 5053-67 -->
								<terminal-svg
									:state="Number(pageData.dd[28].state_val)"
									:stateDesc="pageData.dd[28].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="75"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[28].state_desc.split('-')[1]"
									:info="pageData.dd[28]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5053-17 -->
								<terminal-svg
									:state="Number(pageData.dd[26].state_val)"
									:stateDesc="pageData.dd[26].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="144"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[26].state_desc.split('-')[1]"
									:info="pageData.dd[26]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5053-27 -->
								<terminal-svg
									:state="Number(pageData.dd[27].state_val)"
									:stateDesc="pageData.dd[27].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[27].state_desc.split('-')[1]"
									:info="pageData.dd[27]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
						</g>
						
						<!-- 第二列 -->
						<g transform="translate(280,0)">
							<g transform="translate(20,0)">
								<circle r="4" cx="150" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5041-1 -->
								<connect-line
									:state="Number(pageData.glg[2].state_val)"
									:stateDesc="pageData.glg[2].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[2].state_desc.split('-')[1]"
									:info="pageData.glg[2]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="163" x2="175" y2="163" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5041 -->
								<rect-svg
									:state="Number(pageData.dlq[1].state_val)"
									:stateDesc="pageData.dlq[1].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[1].is_clear}"
									:name="pageData.dlq[1].state_desc"
									:info="pageData.dlq[1]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][5])">{{pageData['遥测'][5].state_desc}} {{Number(pageData['遥测'][5].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][6])">{{pageData['遥测'][6].state_desc}} {{Number(pageData['遥测'][6].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][7])">{{pageData['遥测'][7].state_desc}} {{Number(pageData['遥测'][7].state_val).toFixed(2)}}</text>
								
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5041-2 -->
								<connect-line
									:state="Number(pageData.glg[3].state_val)"
									:stateDesc="pageData.glg[3].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[3].state_desc.split('-')[1]"
									:info="pageData.glg[3]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="298" x2="175" y2="298" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5041-17 -->
								<terminal-svg
									:state="Number(pageData.dd[4].state_val)"
									:stateDesc="pageData.dd[4].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="145"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[4].state_desc.split('-')[1]"
									:info="pageData.dd[4]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5041-27 -->
								<terminal-svg
									:state="Number(pageData.dd[5].state_val)"
									:stateDesc="pageData.dd[5].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[5].state_desc.split('-')[1]"
									:info="pageData.dd[5]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5041-67 -->
								<terminal-svg
									:state="Number(pageData.dd[6].state_val)"
									:stateDesc="pageData.dd[6].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="280"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[6].state_desc.split('-')[1]"
									:info="pageData.dd[6]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<circle r="4" cx="250" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<circle r="4" cx="170" cy="330" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<text x="265" y="55" style="fill: #fff;font-size: 12px;">备用</text>
							<polyline points="170,330 250,330 250,70" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<text x="260" y="90" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][5])">{{pageData['遥测'][5].state_desc}} {{Number(pageData['遥测'][5].state_val).toFixed(2)}}</text>
							<text x="260" y="110" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][6])">{{pageData['遥测'][6].state_desc}} {{Number(pageData['遥测'][6].state_val).toFixed(2)}}</text>
							<text x="260" y="130" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][7])">{{pageData['遥测'][7].state_desc}} {{Number(pageData['遥测'][7].state_val).toFixed(2)}}</text>
							<text x="260" y="150" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][8])">{{pageData['遥测'][8].state_desc}} {{Number(pageData['遥测'][8].state_val).toFixed(2)}}</text>
							<text x="260" y="170" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][9])">{{pageData['遥测'][9].state_desc}} {{Number(pageData['遥测'][9].state_val).toFixed(2)}}</text>
							
							<g transform="translate(20,248)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5042-1 -->
								<connect-line
									:state="Number(pageData.glg[12].state_val)"
									:stateDesc="pageData.glg[12].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="113"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[12].state_desc.split('-')[1]"
									:info="pageData.glg[12]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="140" x2="150" y2="180" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="160" x2="175" y2="160" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5042 -->
								<rect-svg
									:state="Number(pageData.dlq[6].state_val)"
									:stateDesc="pageData.dlq[6].state_desc"
									:rotate="90"
									:translate-y="179"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[6].is_clear}"
									:name="pageData.dlq[6].state_desc"
									:info="pageData.dlq[6]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][28])">{{pageData['遥测'][28].state_desc}} {{Number(pageData['遥测'][28].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][29])">{{pageData['遥测'][29].state_desc}} {{Number(pageData['遥测'][29].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][30])">{{pageData['遥测'][30].state_desc}} {{Number(pageData['遥测'][30].state_val).toFixed(2)}}</text>
								<line x1="150" y1="206" x2="150" y2="246" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="227" x2="175" y2="227" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5042-2 -->
								<connect-line
									:state="Number(pageData.glg[13].state_val)"
									:stateDesc="pageData.glg[13].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="249"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[13].state_desc.split('-')[1]"
									:info="pageData.glg[13]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="276" x2="150" y2="316" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5042-17 -->
								<terminal-svg
									:state="Number(pageData.dd[18].state_val)"
									:stateDesc="pageData.dd[18].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="142"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[18].state_desc.split('-')[1]"
									:info="pageData.dd[18]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5042-27 -->
								<terminal-svg
									:state="Number(pageData.dd[19].state_val)"
									:stateDesc="pageData.dd[19].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[19].state_desc.split('-')[1]"
									:info="pageData.dd[19]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<g transform="translate(20,494)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5043-1 -->
								<connect-line
									:state="Number(pageData.glg[22].state_val)"
									:stateDesc="pageData.glg[22].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[22].state_desc.split('-')[1]"
									:info="pageData.glg[22]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="93" x2="175" y2="93" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5043 -->
								<rect-svg
									:state="Number(pageData.dlq[11].state_val)"
									:stateDesc="pageData.dlq[11].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[11].is_clear}"
									:name="pageData.dlq[11].state_desc"
									:info="pageData.dlq[11]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][45])">{{pageData['遥测'][45].state_desc}} {{Number(pageData['遥测'][45].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][46])">{{pageData['遥测'][46].state_desc}} {{Number(pageData['遥测'][46].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][47])">{{pageData['遥测'][47].state_desc}} {{Number(pageData['遥测'][47].state_val).toFixed(2)}}</text>
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="162" x2="175" y2="162" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5043-2 -->
								<connect-line
									:state="Number(pageData.glg[23].state_val)"
									:stateDesc="pageData.glg[23].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[23].state_desc.split('-')[1]"
									:info="pageData.glg[23]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<circle r="4" cx="150" cy="321" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								
								<polyline points="150,55 230,55 230,350" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<polyline points="220,340 230,350 240,340" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<text x="250" y="345" style="fill: #fff;font-size: 12px;">桂北Ⅰ线</text>
								<text x="240" y="225" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][45])">{{pageData['遥测'][45].state_desc}} {{Number(pageData['遥测'][45].state_val).toFixed(2)}}</text>
								<text x="240" y="245" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][46])">{{pageData['遥测'][46].state_desc}} {{Number(pageData['遥测'][46].state_val).toFixed(2)}}</text>
								<text x="240" y="265" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][47])">{{pageData['遥测'][47].state_desc}} {{Number(pageData['遥测'][47].state_val).toFixed(2)}}</text>
								<text x="240" y="285" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][48])">{{pageData['遥测'][48].state_desc}} {{Number(pageData['遥测'][48].state_val).toFixed(2)}}</text>
								<text x="240" y="305" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][49])">{{pageData['遥测'][49].state_desc}} {{Number(pageData['遥测'][49].state_val).toFixed(2)}}</text>
								
								<!-- 5043-67 -->
								<terminal-svg
									:state="Number(pageData.dd[32].state_val)"
									:stateDesc="pageData.dd[32].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="75"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[32].state_desc.split('-')[1]"
									:info="pageData.dd[32]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5043-17 -->
								<terminal-svg
									:state="Number(pageData.dd[30].state_val)"
									:stateDesc="pageData.dd[30].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="144"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[30].state_desc.split('-')[1]"
									:info="pageData.dd[30]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5043-27 -->
								<terminal-svg
									:state="Number(pageData.dd[31].state_val)"
									:stateDesc="pageData.dd[31].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[31].state_desc.split('-')[1]"
									:info="pageData.dd[31]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
						</g>
						
						<!-- 第三列 -->
						<g transform="translate(560,0)">
							<g transform="translate(20,0)">
								<circle r="4" cx="150" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5031-1 -->
								<connect-line
									:state="Number(pageData.glg[4].state_val)"
									:stateDesc="pageData.glg[4].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[4].state_desc.split('-')[1]"
									:info="pageData.glg[4]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="163" x2="175" y2="163" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5031 -->
								<rect-svg
									:state="Number(pageData.dlq[2].state_val)"
									:stateDesc="pageData.dlq[2].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[2].is_clear}"
									:name="pageData.dlq[2].state_desc"
									:info="pageData.dlq[2]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][10])">{{pageData['遥测'][10].state_desc}} {{Number(pageData['遥测'][10].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][11])">{{pageData['遥测'][11].state_desc}} {{Number(pageData['遥测'][11].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][12])">{{pageData['遥测'][12].state_desc}} {{Number(pageData['遥测'][12].state_val).toFixed(2)}}</text>
								
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5031-2 -->
								<connect-line
									:state="Number(pageData.glg[5].state_val)"
									:stateDesc="pageData.glg[5].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[5].state_desc.split('-')[1]"
									:info="pageData.glg[5]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="298" x2="175" y2="298" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5031-17 -->
								<terminal-svg
									:state="Number(pageData.dd[7].state_val)"
									:stateDesc="pageData.dd[7].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="145"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[7].state_desc.split('-')[1]"
									:info="pageData.dd[7]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5031-27 -->
								<terminal-svg
									:state="Number(pageData.dd[8].state_val)"
									:stateDesc="pageData.dd[8].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[8].state_desc.split('-')[1]"
									:info="pageData.dd[8]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5031-67 -->
								<terminal-svg
									:state="Number(pageData.dd[9].state_val)"
									:stateDesc="pageData.dd[9].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="280"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[9].state_desc.split('-')[1]"
									:info="pageData.dd[9]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<circle r="4" cx="170" cy="330" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<text x="265" y="55" style="fill: #fff;font-size: 12px;">庄桂Ⅱ线</text>
							<polyline points="240,50 250,40 260,50" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<polyline points="170,330 250,330 250,40" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<text x="260" y="90" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][10])">{{pageData['遥测'][10].state_desc}} {{Number(pageData['遥测'][10].state_val).toFixed(2)}}</text>
							<text x="260" y="110" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][11])">{{pageData['遥测'][11].state_desc}} {{Number(pageData['遥测'][11].state_val).toFixed(2)}}</text>
							<text x="260" y="130" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][12])">{{pageData['遥测'][12].state_desc}} {{Number(pageData['遥测'][12].state_val).toFixed(2)}}</text>
							<text x="260" y="150" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][13])">{{pageData['遥测'][13].state_desc}} {{Number(pageData['遥测'][13].state_val).toFixed(2)}}</text>
							<text x="260" y="170" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][14])">{{pageData['遥测'][14].state_desc}} {{Number(pageData['遥测'][14].state_val).toFixed(2)}}</text>
							
							<g transform="translate(20,248)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5032-1 -->
								<connect-line
									:state="Number(pageData.glg[14].state_val)"
									:stateDesc="pageData.glg[14].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="113"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[14].state_desc.split('-')[1]"
									:info="pageData.glg[14]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="140" x2="150" y2="180" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="160" x2="175" y2="160" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5032 -->
								<rect-svg
									:state="Number(pageData.dlq[7].state_val)"
									:stateDesc="pageData.dlq[7].state_desc"
									:rotate="90"
									:translate-y="179"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[7].is_clear}"
									:name="pageData.dlq[7].state_desc"
									:info="pageData.dlq[7]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][31])">{{pageData['遥测'][31].state_desc}} {{Number(pageData['遥测'][31].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][32])">{{pageData['遥测'][32].state_desc}} {{Number(pageData['遥测'][32].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][33])">{{pageData['遥测'][33].state_desc}} {{Number(pageData['遥测'][33].state_val).toFixed(2)}}</text>
								<line x1="150" y1="206" x2="150" y2="246" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="227" x2="175" y2="227" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5032-2 -->
								<connect-line
									:state="Number(pageData.glg[15].state_val)"
									:stateDesc="pageData.glg[15].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="249"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[15].state_desc.split('-')[1]"
									:info="pageData.glg[15]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="276" x2="150" y2="316" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5032-17 -->
								<terminal-svg
									:state="Number(pageData.dd[20].state_val)"
									:stateDesc="pageData.dd[20].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="142"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[20].state_desc.split('-')[1]"
									:info="pageData.dd[20]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5032-27 -->
								<terminal-svg
									:state="Number(pageData.dd[21].state_val)"
									:stateDesc="pageData.dd[21].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[21].state_desc.split('-')[1]"
									:info="pageData.dd[21]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<g transform="translate(20,494)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5033-1 -->
								<connect-line
									:state="Number(pageData.glg[24].state_val)"
									:stateDesc="pageData.glg[24].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[24].state_desc.split('-')[1]"
									:info="pageData.glg[24]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="93" x2="175" y2="93" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5033 -->
								<rect-svg
									:state="Number(pageData.dlq[12].state_val)"
									:stateDesc="pageData.dlq[12].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[11].is_clear}"
									:name="pageData.dlq[12].state_desc"
									:info="pageData.dlq[12]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][50])">{{pageData['遥测'][50].state_desc}} {{Number(pageData['遥测'][50].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][51])">{{pageData['遥测'][51].state_desc}} {{Number(pageData['遥测'][51].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][52])">{{pageData['遥测'][52].state_desc}} {{Number(pageData['遥测'][52].state_val).toFixed(2)}}</text>
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="162" x2="175" y2="162" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5033-2 -->
								<connect-line
									:state="Number(pageData.glg[25].state_val)"
									:stateDesc="pageData.glg[25].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[25].state_desc.split('-')[1]"
									:info="pageData.glg[25]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<circle r="4" cx="150" cy="321" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								
								<polyline points="150,55 230,55 230,350" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<polyline points="220,340 230,350 240,340" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<text x="250" y="345" style="fill: #fff;font-size: 12px;">桂元Ⅱ线</text>
								<text x="240" y="225" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][50])">{{pageData['遥测'][50].state_desc}} {{Number(pageData['遥测'][50].state_val).toFixed(2)}}</text>
								<text x="240" y="245" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][51])">{{pageData['遥测'][51].state_desc}} {{Number(pageData['遥测'][51].state_val).toFixed(2)}}</text>
								<text x="240" y="265" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][52])">{{pageData['遥测'][52].state_desc}} {{Number(pageData['遥测'][52].state_val).toFixed(2)}}</text>
								<text x="240" y="285" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][53])">{{pageData['遥测'][53].state_desc}} {{Number(pageData['遥测'][53].state_val).toFixed(2)}}</text>
								<text x="240" y="305" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][54])">{{pageData['遥测'][54].state_desc}} {{Number(pageData['遥测'][54].state_val).toFixed(2)}}</text>
								
								<!-- 5033-67 -->
								<terminal-svg
									:state="Number(pageData.dd[35].state_val)"
									:stateDesc="pageData.dd[35].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="75"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[35].state_desc.split('-')[1]"
									:info="pageData.dd[35]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5033-17 -->
								<terminal-svg
									:state="Number(pageData.dd[33].state_val)"
									:stateDesc="pageData.dd[33].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="144"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[33].state_desc.split('-')[1]"
									:info="pageData.dd[33]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5033-27 -->
								<terminal-svg
									:state="Number(pageData.dd[34].state_val)"
									:stateDesc="pageData.dd[34].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[34].state_desc.split('-')[1]"
									:info="pageData.dd[34]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
						</g>
						
						<!-- 第四列 -->
						<g transform="translate(840,0)">
							<g transform="translate(20,0)">
								<circle r="4" cx="150" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5021-1 -->
								<connect-line
									:state="Number(pageData.glg[6].state_val)"
									:stateDesc="pageData.glg[6].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[6].state_desc.split('-')[1]"
									:info="pageData.glg[6]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="163" x2="175" y2="163" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5021 -->
								<rect-svg
									:state="Number(pageData.dlq[3].state_val)"
									:stateDesc="pageData.dlq[3].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[3].is_clear}"
									:name="pageData.dlq[3].state_desc"
									:info="pageData.dlq[3]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][15])">{{pageData['遥测'][15].state_desc}} {{Number(pageData['遥测'][15].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][16])">{{pageData['遥测'][16].state_desc}} {{Number(pageData['遥测'][16].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][17])">{{pageData['遥测'][17].state_desc}} {{Number(pageData['遥测'][17].state_val).toFixed(2)}}</text>
								
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5021-2 -->
								<connect-line
									:state="Number(pageData.glg[7].state_val)"
									:stateDesc="pageData.glg[7].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[7].state_desc.split('-')[1]"
									:info="pageData.glg[7]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="298" x2="175" y2="298" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5021-17 -->
								<terminal-svg
									:state="Number(pageData.dd[10].state_val)"
									:stateDesc="pageData.dd[10].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="145"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[10].state_desc.split('-')[1]"
									:info="pageData.dd[10]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5021-27 -->
								<terminal-svg
									:state="Number(pageData.dd[11].state_val)"
									:stateDesc="pageData.dd[11].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[11].state_desc.split('-')[1]"
									:info="pageData.dd[11]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5021-67 -->
								<terminal-svg
									:state="Number(pageData.dd[12].state_val)"
									:stateDesc="pageData.dd[12].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="280"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[12].state_desc.split('-')[1]"
									:info="pageData.dd[12]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<circle r="4" cx="170" cy="330" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<text x="265" y="55" style="fill: #fff;font-size: 12px;">庄桂Ⅰ线</text>
							<polyline points="240,50 250,40 260,50" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<polyline points="170,330 250,330 250,40" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<text x="260" y="90" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][15])">{{pageData['遥测'][15].state_desc}} {{Number(pageData['遥测'][15].state_val).toFixed(2)}}</text>
							<text x="260" y="110" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][16])">{{pageData['遥测'][16].state_desc}} {{Number(pageData['遥测'][16].state_val).toFixed(2)}}</text>
							<text x="260" y="130" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][17])">{{pageData['遥测'][17].state_desc}} {{Number(pageData['遥测'][17].state_val).toFixed(2)}}</text>
							<text x="260" y="150" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][18])">{{pageData['遥测'][18].state_desc}} {{Number(pageData['遥测'][18].state_val).toFixed(2)}}</text>
							<text x="260" y="170" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][19])">{{pageData['遥测'][19].state_desc}} {{Number(pageData['遥测'][19].state_val).toFixed(2)}}</text>
							
							<g transform="translate(20,248)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5022-1 -->
								<connect-line
									:state="Number(pageData.glg[16].state_val)"
									:stateDesc="pageData.glg[16].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="113"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[16].state_desc.split('-')[1]"
									:info="pageData.glg[16]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="140" x2="150" y2="180" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="160" x2="175" y2="160" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5022 -->
								<rect-svg
									:state="Number(pageData.dlq[8].state_val)"
									:stateDesc="pageData.dlq[8].state_desc"
									:rotate="90"
									:translate-y="179"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[8].is_clear}"
									:name="pageData.dlq[8].state_desc"
									:info="pageData.dlq[8]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][34])">{{pageData['遥测'][34].state_desc}} {{Number(pageData['遥测'][34].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][35])">{{pageData['遥测'][35].state_desc}} {{Number(pageData['遥测'][35].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][36])">{{pageData['遥测'][36].state_desc}} {{Number(pageData['遥测'][36].state_val).toFixed(2)}}</text>
								<line x1="150" y1="206" x2="150" y2="246" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="227" x2="175" y2="227" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5022-2 -->
								<connect-line
									:state="Number(pageData.glg[17].state_val)"
									:stateDesc="pageData.glg[17].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="249"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[17].state_desc.split('-')[1]"
									:info="pageData.glg[17]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="276" x2="150" y2="316" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5022-17 -->
								<terminal-svg
									:state="Number(pageData.dd[22].state_val)"
									:stateDesc="pageData.dd[22].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="142"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[22].state_desc.split('-')[1]"
									:info="pageData.dd[22]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5022-27 -->
								<terminal-svg
									:state="Number(pageData.dd[23].state_val)"
									:stateDesc="pageData.dd[23].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[23].state_desc.split('-')[1]"
									:info="pageData.dd[23]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<g transform="translate(20,494)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5023-1 -->
								<connect-line
									:state="Number(pageData.glg[26].state_val)"
									:stateDesc="pageData.glg[26].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[26].state_desc.split('-')[1]"
									:info="pageData.glg[26]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="93" x2="175" y2="93" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5023 -->
								<rect-svg
									:state="Number(pageData.dlq[13].state_val)"
									:stateDesc="pageData.dlq[13].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[13].is_clear}"
									:name="pageData.dlq[13].state_desc"
									:info="pageData.dlq[13]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][55])">{{pageData['遥测'][55].state_desc}} {{Number(pageData['遥测'][55].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][56])">{{pageData['遥测'][56].state_desc}} {{Number(pageData['遥测'][56].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][57])">{{pageData['遥测'][57].state_desc}} {{Number(pageData['遥测'][57].state_val).toFixed(2)}}</text>
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="162" x2="175" y2="162" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5023-2 -->
								<connect-line
									:state="Number(pageData.glg[27].state_val)"
									:stateDesc="pageData.glg[27].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[27].state_desc.split('-')[1]"
									:info="pageData.glg[27]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<circle r="4" cx="150" cy="321" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								
								<polyline points="150,55 230,55 230,350" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<polyline points="220,340 230,350 240,340" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<text x="250" y="345" style="fill: #fff;font-size: 12px;">3号主变</text>
								<text x="240" y="225" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][55])">{{pageData['遥测'][55].state_desc}} {{Number(pageData['遥测'][55].state_val).toFixed(2)}}</text>
								<text x="240" y="245" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][56])">{{pageData['遥测'][56].state_desc}} {{Number(pageData['遥测'][56].state_val).toFixed(2)}}</text>
								<text x="240" y="265" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][57])">{{pageData['遥测'][57].state_desc}} {{Number(pageData['遥测'][57].state_val).toFixed(2)}}</text>
								<text x="240" y="285" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][58])">{{pageData['遥测'][58].state_desc}} {{Number(pageData['遥测'][58].state_val).toFixed(2)}}</text>
								<text x="240" y="305" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][59])">{{pageData['遥测'][59].state_desc}} {{Number(pageData['遥测'][59].state_val).toFixed(2)}}</text>
								
								<!-- 5023-67 -->
								<terminal-svg
									:state="Number(pageData.dd[38].state_val)"
									:stateDesc="pageData.dd[38].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="75"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[38].state_desc.split('-')[1]"
									:info="pageData.dd[38]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5023-17 -->
								<terminal-svg
									:state="Number(pageData.dd[36].state_val)"
									:stateDesc="pageData.dd[36].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="144"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[36].state_desc.split('-')[1]"
									:info="pageData.dd[36]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5023-27 -->
								<terminal-svg
									:state="Number(pageData.dd[37].state_val)"
									:stateDesc="pageData.dd[37].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[37].state_desc.split('-')[1]"
									:info="pageData.dd[37]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
						</g>
						
						<!-- 第五列 -->
						<g transform="translate(1120,0)">
							<g transform="translate(20,0)">
								<circle r="4" cx="150" cy="70" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5011-1 -->
								<connect-line
									:state="Number(pageData.glg[8].state_val)"
									:stateDesc="pageData.glg[8].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[8].state_desc.split('-')[1]"
									:info="pageData.glg[8]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="163" x2="175" y2="163" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5011 -->
								<rect-svg
									:state="Number(pageData.dlq[4].state_val)"
									:stateDesc="pageData.dlq[4].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[4].is_clear}"
									:name="pageData.dlq[4].state_desc"
									:info="pageData.dlq[4]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][20])">{{pageData['遥测'][20].state_desc}} {{Number(pageData['遥测'][20].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][21])">{{pageData['遥测'][21].state_desc}} {{Number(pageData['遥测'][21].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][22])">{{pageData['遥测'][22].state_desc}} {{Number(pageData['遥测'][22].state_val).toFixed(2)}}</text>
								
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5011-2 -->
								<connect-line
									:state="Number(pageData.glg[9].state_val)"
									:stateDesc="pageData.glg[9].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[9].state_desc.split('-')[1]"
									:info="pageData.glg[9]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="298" x2="175" y2="298" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5011-17 -->
								<terminal-svg
									:state="Number(pageData.dd[13].state_val)"
									:stateDesc="pageData.dd[13].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="145"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[13].state_desc.split('-')[1]"
									:info="pageData.dd[13]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5011-27 -->
								<terminal-svg
									:state="Number(pageData.dd[14].state_val)"
									:stateDesc="pageData.dd[14].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[14].state_desc.split('-')[1]"
									:info="pageData.dd[14]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5011-67 -->
								<terminal-svg
									:state="Number(pageData.dd[15].state_val)"
									:stateDesc="pageData.dd[15].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="280"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[15].state_desc.split('-')[1]"
									:info="pageData.dd[15]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<circle r="4" cx="170" cy="330" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
							<text x="265" y="55" style="fill: #fff;font-size: 12px;">2号主变</text>
							<polyline points="240,50 250,40 260,50" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<polyline points="170,330 250,330 250,40" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
							<text x="260" y="90" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][20])">{{pageData['遥测'][20].state_desc}} {{Number(pageData['遥测'][20].state_val).toFixed(2)}}</text>
							<text x="260" y="110" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][21])">{{pageData['遥测'][21].state_desc}} {{Number(pageData['遥测'][21].state_val).toFixed(2)}}</text>
							<text x="260" y="130" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][22])">{{pageData['遥测'][22].state_desc}} {{Number(pageData['遥测'][22].state_val).toFixed(2)}}</text>
							<text x="260" y="150" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][23])">{{pageData['遥测'][23].state_desc}} {{Number(pageData['遥测'][23].state_val).toFixed(2)}}</text>
							<text x="260" y="170" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][24])">{{pageData['遥测'][24].state_desc}} {{Number(pageData['遥测'][24].state_val).toFixed(2)}}</text>
							
							<g transform="translate(20,248)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5012-1 -->
								<connect-line
									:state="Number(pageData.glg[18].state_val)"
									:stateDesc="pageData.glg[18].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="113"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[18].state_desc.split('-')[1]"
									:info="pageData.glg[18]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="140" x2="150" y2="180" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="160" x2="175" y2="160" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5012 -->
								<rect-svg
									:state="Number(pageData.dlq[9].state_val)"
									:stateDesc="pageData.dlq[9].state_desc"
									:rotate="90"
									:translate-y="179"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[9].is_clear}"
									:name="pageData.dlq[9].state_desc"
									:info="pageData.dlq[9]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][37])">{{pageData['遥测'][37].state_desc}} {{Number(pageData['遥测'][37].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][38])">{{pageData['遥测'][38].state_desc}} {{Number(pageData['遥测'][38].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][39])">{{pageData['遥测'][39].state_desc}} {{Number(pageData['遥测'][39].state_val).toFixed(2)}}</text>
								<line x1="150" y1="206" x2="150" y2="246" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="227" x2="175" y2="227" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5012-2 -->
								<connect-line
									:state="Number(pageData.glg[19].state_val)"
									:stateDesc="pageData.glg[19].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="249"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[19].state_desc.split('-')[1]"
									:info="pageData.glg[19]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="276" x2="150" y2="316" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5012-17 -->
								<terminal-svg
									:state="Number(pageData.dd[24].state_val)"
									:stateDesc="pageData.dd[24].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="142"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[24].state_desc.split('-')[1]"
									:info="pageData.glg[24]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5012-27 -->
								<terminal-svg
									:state="Number(pageData.dd[25].state_val)"
									:stateDesc="pageData.dd[25].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[25].state_desc.split('-')[1]"
									:info="pageData.dd[25]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
							
							<g transform="translate(20,494)">
								<line x1="150" y1="70" x2="150" y2="110" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5013-1 -->
								<connect-line
									:state="Number(pageData.glg[28].state_val)"
									:stateDesc="pageData.glg[28].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="114"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[28].state_desc.split('-')[1]"
									:info="pageData.glg[28]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="142" x2="150" y2="182" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="93" x2="175" y2="93" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5013 -->
								<rect-svg
									:state="Number(pageData.dlq[14].state_val)"
									:stateDesc="pageData.dlq[14].state_desc"
									:rotate="90"
									:translate-y="181"
									:translate-x="178"
									:text-translate-x="-50"
									:text-translate-y="-4"
									:scale="0.7"
									:itemObj="{is_clear:pageData.dlq[14].is_clear}"
									:name="pageData.dlq[14].state_desc"
									:info="pageData.dlq[14]"
									@itemRightClick="itemRightClick"
								></rect-svg>
								<text x="45" y="180" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][60])">{{pageData['遥测'][60].state_desc}} {{Number(pageData['遥测'][60].state_val).toFixed(2)}}</text>
								<text x="45" y="202" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][61])">{{pageData['遥测'][61].state_desc}} {{Number(pageData['遥测'][61].state_val).toFixed(2)}}</text>
								<text x="45" y="224" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][62])">{{pageData['遥测'][62].state_desc}} {{Number(pageData['遥测'][62].state_val).toFixed(2)}}</text>
								<line x1="150" y1="208" x2="150" y2="248" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="162" x2="175" y2="162" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<!-- 5013-2 -->
								<connect-line
									:state="Number(pageData.glg[29].state_val)"
									:stateDesc="pageData.glg[29].state_desc"
									:scale="0.6"
									:rotate="90"
									:translate-x="174"
									:translate-y="250"
									:text-translate-y="-7"
									:text-translate-x="-30"
									:name="'-'+pageData.glg[29].state_desc.split('-')[1]"
									:info="pageData.glg[29]"
									@itemRightClick="itemRightClick"
									>
								</connect-line>
								<line x1="150" y1="278" x2="150" y2="318" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<line x1="150" y1="228" x2="175" y2="228" stroke-width="2" stroke="rgb(250,0,0)"></line>
								<circle r="4" cx="150" cy="321" fill="rgb(250,0,0)" :stroke-width="1" stroke="rgb(250,0,0)"></circle>
								
								<polyline points="150,55 230,55 230,350" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<polyline points="220,340 230,350 240,340" style="stroke: rgb(250,0,0);stroke-width: 2;fill:none;"></polyline>
								<text x="250" y="345" style="fill: #fff;font-size: 12px;">桂元Ⅰ线</text>
								<text x="240" y="225" style="fill: #ff0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][60])">{{pageData['遥测'][60].state_desc}} {{Number(pageData['遥测'][60].state_val).toFixed(2)}}</text>
								<text x="240" y="245" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][61])">{{pageData['遥测'][61].state_desc}} {{Number(pageData['遥测'][61].state_val).toFixed(2)}}</text>
								<text x="240" y="265" style="fill: #f00;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][62])">{{pageData['遥测'][62].state_desc}} {{Number(pageData['遥测'][62].state_val).toFixed(2)}}</text>
								<text x="240" y="285" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][63])">{{pageData['遥测'][63].state_desc}} {{Number(pageData['遥测'][63].state_val).toFixed(2)}}</text>
								<text x="240" y="305" style="fill: #0f0;font-size: 12px;" @contextmenu.prevent.stop="checkVal(pageData['遥测'][64])">{{pageData['遥测'][64].state_desc}} {{Number(pageData['遥测'][64].state_val).toFixed(2)}}</text>
								
								<!-- 5013-67 -->
								<terminal-svg
									:state="Number(pageData.dd[41].state_val)"
									:stateDesc="pageData.dd[41].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="75"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[41].state_desc.split('-')[1]"
									:info="pageData.dd[41]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5013-17 -->
								<terminal-svg
									:state="Number(pageData.dd[39].state_val)"
									:stateDesc="pageData.dd[39].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="144"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[39].state_desc.split('-')[1]"
									:info="pageData.dd[39]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
								<!-- 5013-27 -->
								<terminal-svg
									:state="Number(pageData.dd[40].state_val)"
									:stateDesc="pageData.dd[40].state_desc"
									:scale="0.7"
									:translate-x="222"
									:translate-y="210"
									:rotate="90"
									:text-translate-y="-25"
									:text-translate-x="-35"
									:name="'-'+pageData.dd[40].state_desc.split('-')[1]"
									:info="pageData.dd[40]"
									@itemRightClick="itemRightClick"
								></terminal-svg>
							</g>
						</g>
						
					</svg>
				</div>
			</div>
		</ScaleBox>
		<!-- ---------------------------------------------- -->
		<rightClickmenuList
		  v-if="rightMenuObj && showMenu"
		  :right-menu-obj="rightMenuObj"
		  @menuItemClick="menuItemClick"
		/>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible_0"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">操作人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入操作人</label>
		      <el-select
		        size="small"
		        v-model="operatorPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.operatorList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入密码</label>
		      <el-input
		        v-model="operatorPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit_0"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit_0">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible_0 = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="yaokongPersonDialog"
		  :visible.sync="operatorPwdDialogVisible"
		  width="22%"
		  :close-on-click-modal="false"
		>
		  <p slot="title" class="el-dialog__title">监护人</p>
		  <div class="operatorPwd">
		    <div class="operator">
		      <label>请输入监护人</label>
		      <el-select
		        size="small"
		        v-model="adminPwdObj.username"
		        style="width: 16rem"
		      >
		        <el-option
		          v-for="(item, index) in userInfoJson.adminList"
		          :key="index"
		          :label="item.username"
		          :value="item.username"
		        />
		      </el-select>
		    </div>
		    <div class="pwd">
		      <label>请输入监护员密码</label>
		      <el-input
		        v-model="adminPwdObj.pwd"
		        size="small"
		        type="password"
		        @keydown.enter.native="operatorPwdSubmit"
		      />
		    </div>
		  </div>
		  <span slot="footer" class="dialog-footer">
		    <el-button size="small" @click="operatorPwdSubmit">确 定</el-button>
		    <el-button size="small" @click="operatorPwdDialogVisible = false">取 消</el-button>
		  </span>
		</el-dialog>
		<el-dialog
		  custom-class="switchPatrolDialog"
		  :visible.sync="dialogVisible"
		  :close-on-press-escape="true"
		  :close-on-click-modal="true"
		  :width="`40%`"
		  :modal="false"
		  @before-close="handleDialogClose"
		>
		  <!-- 隔离刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'gelidao'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 地刀 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'didao'
		    "
		  >
		    <!--          遥控-->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 0">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>暂无内容</span>
		    </template>
		
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 4">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>暂无内容</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 5">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 0
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 5
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 断路器 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'duanluqi'
		    "
		  >
		    <!-- 遥控 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <!-- 开关清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 2">
		      <p slot="title" class="el-dialog__title">开关清闪</p>
		      <span>确定要将{{
		          currentSelectMenuItemObj.currentObj.name
		        }}开关清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		    <!-- 全站清闪 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 3">
		      <p slot="title" class="el-dialog__title">全站清闪</p>
		      <span>确定要将全部设备进行清闪吗？</span>
		      <!-- <yaokongDialog :currentSelectMenuItemObj="currentSelectMenuItemObj"></yaokongDialog> -->
		    </template>
		
		    <!-- 挂牌/摘牌 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 6">
		      <p slot="title" class="el-dialog__title">挂牌/摘牌</p>
		      <guapaiDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 4
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="clearFlesh"
		        >确定</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 3
		        "
		        size="small"
		        @click="clearAll"
		        >确定</el-button>
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		
		      <!-- 挂牌/摘牌 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 6
		        "
		        size="small"
		        type="primary"
		        @click="handleBrand"
		        >确 定</el-button>
		    </span>
		  </template>
		
		  <!-- 把手 -->
		  <template
		    v-if="
		      currentSelectMenuItemObj && currentSelectMenuItemObj.type == 'bashou'
		    "
		  >
		    <!-- 操作 - 弹框 -->
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">操作</p>
		      <span>暂无内容</span>
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value != 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		    </span>
		  </template>
		
		  <template
		    v-if="
		      currentSelectMenuItemObj &&
		      currentSelectMenuItemObj.type == 'ruanyaban'
		    "
		  >
		    <template v-if="currentSelectMenuItemObj.currentSelectItem.value == 1">
		      <p slot="title" class="el-dialog__title">遥控</p>
		      <yaokongDialog
		        :current-select-menu-item-obj="currentSelectMenuItemObj"
		        :text="yaokongMsg"
		      />
		    </template>
		    <span slot="footer" class="dialog-footer">
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 2
		        "
		        size="small"
		        @click="dialogVisible = false"
		        >取 消</el-button>
		
		      <!-- 遥控 按钮 -->
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          !canyaoKong
		        "
		        size="small"
		        @click="yaokongSelect"
		        >遥控选择</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1 &&
		          canyaoKong
		        "
		        size="small"
		        @click="remoteControlSelect"
		        >遥控执行</el-button>
		      <el-button
		        v-if="
		          currentSelectMenuItemObj &&
		          currentSelectMenuItemObj.currentSelectItem.value == 1
		        "
		        size="small"
		        type="primary"
		        plain
		        @click="dialogVisible = false"
		        >关 闭</el-button>
		    </span>
		  </template>
		</el-dialog>
		<el-dialog
		  ref="operateRecordDialogRef"
		  custom-class="operateRecordDialog"
		  :modal="false"
		  :close-on-click-modal="false"
		  v-if="operationRecordsDialogVisible"
		  :visible.sync="operationRecordsDialogVisible"
		  v-dialogDrag:{dialogDrag}="true"
		  width="35%"
		>
		  <p slot="title" class="el-dialog__title">操作记录</p>
		  <div class="messageAlarmList">
		    <el-table :data="operationRecordsData" width="100%" height="250">
		      <el-table-column
		        prop="num"
		        label="序号"
		        width="85"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.num
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="createTime"
		        label="操作时间"
		        width="160"
		        header-align="center"
		        align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.createTime
		          }}</span>
		        </template>
		      </el-table-column>
		      <el-table-column
		        prop="log_desc"
		        label="操作描述"
		        header-align="center"
		      >
		        <template #default="{ row }">
		          <span :class="{ 'is-highlight': !!row.isHighlight }">{{
		            row.log_desc
		          }}</span>
		        </template>
		      </el-table-column>
		    </el-table>
		  </div>
		</el-dialog>
	</div>
</template>

<script src="./script.js"></script>

<style lang="less" src="./style.less" scoped></style>
